<app-input field="salt" [change]="provider.persistentIdGenerator" [orig]="original && original.persistentIdGenerator">
  <mat-form-field class="textInput">
    <mat-placeholder i18n-placeholder="services.form.label.uap.saltSetting">
      {{ messages.services_form_label_uap_saltSetting }}
    </mat-placeholder>
    <input matInput required
           [(ngModel)]="provider.persistentIdGenerator.salt">
    <mat-hint align="end">
      <app-hint></app-hint>
    </mat-hint>
  </mat-form-field>
  <mat-icon appHelp
            i18n-myTooltip="services.form.tooltip.uap.saltSetting"
            [matTooltip]="messages.services_form_tooltip_uap_saltSetting">
  </mat-icon>
</app-input>

<app-input field="attribute" [change]="provider.persistentIdGenerator" [orig]="original && original.persistentIdGenerator">
  <mat-form-field class="textInput">
    <mat-placeholder i18n-placeholder="services.form.label.uap.anonAttribute">
      {{ messages.services_form_label_uap_anonAttribute }}
    </mat-placeholder>
    <input matInput [matAutocomplete]="auto"
           [(ngModel)]="provider.persistentIdGenerator.attribute">
    <mat-hint align="end">
      <app-hint></app-hint>
    </mat-hint>
  </mat-form-field>
  <mat-icon appHelp
            i18n-myTooltip="services.form.tooltip.uap.anonAttribute"
            [matTooltip]="messages.services_form_tooltip_uap_anonAttribute">
  </mat-icon>
</app-input>

<mat-autocomplete style="width:300px" #auto="matAutocomplete">
  <mat-option *ngFor="let opt of formData.availableAttributes" [value]="opt">{{ opt }}</mat-option>
</mat-autocomplete>
